<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title>WeGame</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/style2.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	</head>

	<body>
		<nav>
			<div class="logo">
				<a href="index.html">
					<img src="img/logo.png" />
				</a>
			</div>
			<div class="shop">
				<nav class="navbar navbar-expand-lg navbar-light ">
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                    </button>
					<div class="collapse navbar-collapse" id="navbarNav">
						<ul class="navbar-nav">
							<li>
								<a href="index.html">商店</a>
							</li>
							<li>
								<a href="#" style=" background-color: rgba(255,255,255,0.12);color: #fff;">客户端</a>
							</li>
							<li>
								<a href="#">移动端</a>
							</li>
							<li>
								<a href="#">翼计划</a>
							</li>
							<li>
								<a href="index3.html">帮助反馈</a>
							</li>
						</ul>
					</div>
				</nav>
			</div>
			<div class="down">
				<a href="#" style="margin: 0;">开发者平台</a>
				<a href="#" class="xz">
					<span>下载客户端</span>
				</a>
				<a href="#">登录</a>
			</div>
		</nav>
		<div class="main-two">
			<div class="one">
				<p class="">
					<div class="zuo" id="zuo">
						<div class="app-logo-a"></div>
						<div class="app-logo-b"></div>
					</div>
					<div class="you" id="you">
						<h1 class="app-a"></h1>
						<h2 class="app-b">
							<span class="one"></span>
							<span class="two"></span>
						</h2>
						<h3 class="app-c">
							<a href="#">
								<i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i>
								下载PC版
							</a>
							<a href="#">
								<i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i>
								下载移动端
							</a>
						</h3>
						<h4 class="app-d"><a href="#">更新日志 ></a></h4>
					</div>
				</p>
			</div>
			<div class="two">
				<p class="">
					<div class="left" id="left">
						<h2 class="shop-a"></h2>
						<h3 class="shop-b">带你发现更大的游戏世界</h2>
						     <ul class="shop-c">
							<li class="one">多维度推荐</li>
							<li class="two">更多折扣</li>
							<li style="margin: 0;" class="three">自助退款</li>
						    </ul>
					</div>
					<div class="right" id="right"></div>
				</p>
			</div>
			<div class="three">
				<p class="">
					<div class="top" id="top">
						<span id="">
						</span>
						<h3>为你提供专业、全面、有趣的游戏资讯</h3>
					</div>
					<ul class="footer" id="footer">
						<li class="ones">
							<span id="">
								
							</span>
						</li>
						<li class="twos">
							<span id="">
								
							</span>
						</li>
						<li class="threes">
							<span id="">
								
							</span>
						</li>
					</ul>
				</p>
			</div>
			<div class="four">
				<p class="">
					<div class="tops" id="tops">
						<span>
						</span>
						<h3>做最懂你的游戏伙伴</h3>
					</div>
					<div class="footers" id="footers">
						<ul style="overflow: hidden">
							<li>
								<div class="onee" id="onee">
									<h3>网络加速</h3>
									<h5>低延迟超畅快，尽享游戏乐趣</h5>
								</div>
							</li>
							<li>
								<div class="twoo" id="twoo">
									<h3>游戏辅助</h3>
									<h5>游戏好伴侣，轻松变大神</h5>
								</div>
							</li>
							<li>
								<div class="threee" id="threee">
									<h3>游戏社交</h3>
									<h5>欢乐共享，游戏世界不再孤单</h5>
								</div>
							</li>
							<li>
								<div class="fourr" id="fourr">
									<h3>游戏攻略</h3>
									<h5>心得指引，游戏之路更加顺畅</h5>
								</div>
							</li>
						</ul>
					</div>
				</p>
			</div>
		</div>
		<div class="footer-two">
			<div class="container" style="max-width: 1000px;">
				<div class="up">
					<div class="up-one">
						<h3>下载客户端：</h3>
						<div class="one-r">
							<ul>
								<li>
									<a href="#">
										<i class="up-o"></i> PC端
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="up-two">
						<h3>官方渠道：</h3>
						<div class="two-r">
						<ul>
							<li>
								<a href="#">
									<i class="up-t"></i> 微博
								</a>
								<a href="#" style="margin-left: 20px;" class="weixin"> 
									<i class="up-o"></i> 微信
								</a>
							</li>
						</ul>
						</div>
					</div>
					<div class="up-three">
						<h3 style="float: left;">友情链接：</h3>
						<ul class="three-right">
							<li><a href="#">QQ阅读</a></li>
							<li><a href="#">腾讯GAD</a></li>
							<li><a href="#">腾讯动漫</a></li>
							<li><a href="#">腾讯视频</a></li>
						</ul>
					</div>
				</div>
				<div class="down">
					<p>
						<a href="#">关于腾讯</a> |
						<a href="#">About Tencent</a> |
						<a href="#">服务条款</a> |
						<a href="#">用户服务协议</a> |
						<a href="#">隐私政策</a> |
						<a href="#">侵权通知</a> |
						<a href="#">广告服务</a> |
						<a href="#">腾讯招聘</a> |
						<a href="#">客服中心</a> |
						<a href="#">网站导航</a> 
					</p>
					<p>COPYRIGHT © 1998 – 2019 TENCENT. ALL RIGHTS RESERVED.</p>
					<p><a href="#">腾讯公司 版权所有</a></p>
				</div>
			</div>
		</div>
		<script src="js/jquery.slim.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/flowup.js"></script>
		<script>
			$(function() {
				$("body").flowUp("#left", {
					transalteY: 300,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#right", {
					transalteY: 500,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#top", {
					transalteY: 300,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#footer", {
					transalteY: 300,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#tops", {
					transalteY: 300,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#onee", {
					transalteY: 200,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#twoo", {
					transalteY: 300,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#threee", {
					transalteY: 300,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#fourr", {
					transalteY: 300,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#zuo", {
					transalteY: 300,
					duration: 1
				});
			});
			$(function() {
				$("body").flowUp("#you", {
					transalteY: 300,
					duration: 1
				});
			});
		</script>
	</body>

</html>